//登录注册
$('.right .container .card .mi-content .zhanghao input').click(function () {
    $('.right .container .card .mi-content .zhanghao label').css({
        'top': '10px',
        'font-size': '12px'
    });
    $('.right .container .card .mi-content .zhanghao input').css({
        'border': '1px solid #ccc'
    })
})

//失去焦点
$('.right .container .card .mi-content .zhanghao input').focusout(function () {
    if ($('.right .container .card .mi-content .zhanghao input').val() == 0) {
        $(".right .container .card .mi-content .tip-zh").css({
            'display': 'block'
        })

        $('.right .container .card .mi-content .zhanghao label').css({
            'top': '20px',
            'font-size': '17px'
        });
        $('.right .container .card .mi-content .zhanghao input').css({
            'border': 'none'
        })
    } else {
        $(".right .container .card .mi-content .tip-zh").css({
            'display': 'none'
        })

        //有内容的话字体位置和点击时一样
        $('.right .container .card .mi-content .zhanghao label').css({
            'top': '10px',
            'font-size': '12px'
        });
        $('.right .container .card .mi-content .zhanghao input').css({
            'border': '1px solid #ccc'
        })
    };

})


//密码
$('.right .container .card .mi-content .mima input').click(function () {
    $('.right .container .card .mi-content .mima label').css({
        'top': '10px',
        'font-size': '12px'
    });
    $('.right .container .card .mi-content .mima  input').css({
        'border': '1px solid #ccc'
    })
})

//失去焦点
$('.right .container .card .mi-content .mima input').focusout(function () {
    if ($('.right .container .card .mi-content .mima input').val() == 0) {
        $(".right .container .card .mi-content .tip-mm").css({
            'display': 'block'
        })

        $('.right .container .card .mi-content .mima label').css({
            'top': '20px',
            'font-size': '17px'
        });
        $('.right .container .card .mi-content .mima input').css({
            'border': 'none'
        })

    } else {
        $(".right .container .card .mi-content .tip-mm").css({
            'display': 'none'
        })

        //有内容时
        $('.right .container .card .mi-content .mima label').css({
            'top': '10px',
            'font-size': '12px'
        });
        $('.right .container .card .mi-content .mima  input').css({
            'border': '1px solid #ccc'
        })
    };


})

// ajax

$('button').click(function () {

    var $name = $('#zh').val();
    var $pass = $('#mm').val();

    //账号符合正则表达式
    var reg = /(^[a-z0-9_-]{3,16}$)|(^[^_$].{6,}@(163|qq|sina)\.(com|cn)$)/
    
    if(reg.test($name)) {
        console.log(1)

        $.ajax({
            url: "./register.php",
            type: 'get',
            data: {
                name: $name,
                pass: $pass
            },
            success: function () {
                alert("注册成功,跳转登录界面")
                $(location).attr("href", "./login.html")
            }
        })

    }else{
        alert('请输入正确的格式')
    }



})